<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/common/taglib.jsp"%>
<!DOCTYPE html>
<html lang="en">
<head>
	<title>登录</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<script type="text/javascript" src="${ctx}/resources/js/jquery-1.12.4.min.js"></script>
	<link rel="stylesheet" href="${ctx}/resources/bootstrap/css/bootstrap.min.css" />
	<style type="text/css">
      html,body,table{background-color:#f5f5f5;width:100%;text-align:center;}
      .heading{font-family:Helvetica, Georgia, Arial, sans-serif, 黑体;font-size:36px;margin-bottom:20px;color:#0663a2;}
      .main-area{position:relative;text-align:left;width:380px;padding:0px 0px 10px 0px;margin:0 auto 20px;
      border:1px solid #e5e5e5;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
      .header{height:80px;padding-top:30px;}
      .alert{width:380px;height:50px;position:relative;margin:0 auto;*padding-bottom:0px;color:#bd4247;background-color: #f2bdb1;border-color: #f0a5a4;}
      label.error{font-weight:normal;color:inherit;vertical-align:middle;}
      .close {opacity:0.3;filter:alpha(opacity=30);} .close:hover {opacity:0.8;filter:alpha(opacity=80);}
    </style>
</head>
<body>
	<div class="header">
		<div id="messageBox" class="alert ${empty message ? 'hide' : ''}">
			<button data-dismiss="alert" class="close" onclick="$('#messageBox').hide();">×</button>
			<label id="loginError" class="error">${message}</label>
		</div>
	</div>
	<h1 class="heading">欢迎使用房产管理系统</h1>
	<div class="panel panel-default main-area">
   	<div class="panel-body">
	<form id="loginForm" role="form" class="form-horizontal" action="${ctx}/loginIn.do" method="post">
	 	<div class="form-group">
	      	<label for="username" class="col-sm-3 control-label">登录名</label>
	      	<div class="col-sm-8">
      			<input id="loginName" name="loginName" type="text" class="form-control"  placeholder="请输入用户名">
      		</div>
	   	</div>
	   	<div class="form-group">
	      	<label for="password" class="col-sm-3 control-label">密码</label>
      		<div class="col-sm-8">
	    		<input id="password" name="password" type="password" class="form-control"   placeholder="请输入密码">
	    	</div>
	   	</div>
	   	<div class="form-group">
			<label for="validateCode" class="col-sm-3 control-label" style="vertical-align:middle;">验证码</label>
			<div class="col-sm-9">
				<input type="text" style="float:left;width:110px;" name="validateCode" class="form-control" placeholder="请输入验证码" />
				<img id="validateCode" style="width:90px;height:32px;margin-left:4px;vertical-align:middle;" onclick="$('#validateCodeRefresh').attr('src','${ctx}/validateCodeServlet?'+new Date().getTime());" src="${ctx}/validateCodeServlet?1466146651604">
				<a  style="vertical-align:middle;" onclick="$('#validateCode').attr('src','${ctx}/validateCodeServlet?'+new Date().getTime());">看不清</a>
			</div>
		</div>
		<div class="form-group">
		 	<div class="col-sm-7 control-label">
				<input class="btn btn-lg btn-primary" type="submit" value="登 录"/>
				<a href="${ctx}/register.do" class="btn btn-lg btn-primary">注册</a>
			</div>
		</div>
	</form>
   	</div>
	</div>
	<div>
		Copyright &copy; 2018-Powered By East5604
	</div>
</body>
</html>